<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="style/style.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="js/nav.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>

<body>
    <header>
        <section class="Topmenubg">
            <div class="Topnav">
                <div class="LeftNav">
                    <a href="reg.html">注册</a>/<a href="login.html">登录</a><a href="#">QQ客服</a><a href="#">微信客服</a><a href="#">手机客户端</a>
                </div>
                <div class="RightNav">
                    <a>用户中心</a>
                    <a target="_blank" title="我的订单">我的订单</a>
                    <a href="cart.html">购物车</a>
                    <a target="_blank" title="我的收藏">我的收藏</a>
                    <a href="#">商家入驻</a>
                </div>
            </div>
        </section>
        <div class="Logo_search">
            <div class="Logo">
                <h1 style="font-size: 60px;">网上订餐系统</h1>
                <i></i>

            </div>
            <div class="Search">
                <form method="get" id="main_a_serach" onsubmit="return check_search(this)">
                    <div class="Search_nav" id="selectsearch">
                        <a id="canting" href="javascript:;" onClick="cantingclick()" class="choose">餐厅</a>

                        <a id="food" href="javascript:;" onClick="foodclick()">食物名</a>

                    </div>
                    <div class="Search_area">
                        <input type="search" id="fkeyword" name="keyword" placeholder="请输入您所需查找的餐厅名称或食物名称..." class="searchbox" onfocus="searchfoucs()" onblur="searchblur()" />
                        <input type="submit" class="searchbutton" value="搜 索" />
                    </div>
                </form>
                <p class="hotkeywords">
                    <a href="#" title="酸辣土豆丝">酸辣土豆丝</a>
                    <a href="#" title="这里是产品名称">螃蟹炒年糕</a>
                    <a href="#" title="这里是产品名称">牛奶炖蛋</a>
                    <a href="#" title="这里是产品名称">芝麻酱凉面</a>
                    <a href="#" title="这里是产品名称">滑蛋虾仁</a>
                    <a href="#" title="这里是产品名称"> 蒜汁茄子</a>
                </p>
                <script>
                </script>
            </div>
        </div>
        <nav class="menu_bg" style="font-size: 25px;color:red;">

            <a href="index.html" style="text-align:left;padding-left:25%;">首页</a>
            <a style="text-align:center;padding-left: 10%;">订餐</a>
            <a style="text-align:center;padding-left: 10%;">积分商城</a>
            <a style="text-align:center;padding-left: 10%;">关于我们</a>
        </nav>
        <script>
        </script>
    </header>


    <div style="justify-content: center;text-align: center;display: flex;">
        <section class="Cfn" style="position: absolute;">
            <aside class="C-left">
                <div class="S-time">服务时间：周一~周六<time>09:00</time>-<time>23:00</time></div>
                <div class="C-time">
                    <img src="upload/dc.jpg" />
                </div>
                <a target="_blank"><img src="images/by_button.png"></a>
                <a target="_blank"><img src="images/dc_button.png"></a>
            </aside>
        </section>
        <ul id="ulk" style="overflow:hidden;height: 403px;width: 600px;">
            <li style="z-index: 2;position: relative;">
                <a href="javascript:"><img id="aa" src="upload/01.jpg" /></a>
            </li>
            <li>
                <a href="javascript:"><img src="upload/02.jpg" /></a>
            </li>
            <li>
                <a href="javascript:"><img src="upload/03.jpg" /></a>
            </li>

        </ul>
        <script>
        </script>
        <section class="Cfn" style="position: absolute;">
            <aside class="N-right">
                <div class="N-title">公司新闻 <i>COMPANY NEWS</i></div>
                <ul class="Orderlist" id="UpRoll">
                    <li>
                        <p>订单编号：2014090912973</p>
                        <p>收件人：王先生</p>
                        <p>订单状态：<i class="State01">已发货</i></p>
                    </li>
                    <li>
                        <p>订单编号：2014090912978</p>
                        <p>收件人：张小姐</p>
                        <p>订单状态：<i class="State02">已签收</i><i class="State03">已点评</i></p>
                    </li>
                    <li>
                        <p>订单编号：2014090912988</p>
                        <p>收件人：龚先生</p>
                        <p>订单状态：<i class="State02">已签收</i><i class="State03">已点评</i></p>
                    </li>
                </ul>
                <script>
                </script>
            </aside>
        </section>

    </div>

    <section class="Sfainfor">
        <article class="Sflist">
            <div id="Indexouter">
                <ul id="Indextab">
                    <li class="current">点菜</li>
                    <li>餐馆</li>
                    <p class="class_B">
                        <a href="#">中餐</a>
                        <a href="#">西餐</a>
                        <a href="#">甜点</a>
                        <a href="#">日韩料理</a>
                        <span><a href="#" target="_blank">more ></a></span>
                    </p>
                </ul>
                <div id="Indexcontent">
                    <ul style="display:block;">
                        <li>
                            <p class="seekarea">
                                <a href="#">碑林区</a>
                                <a href="#">新城区</a>
                                <a href="#">未央区</a>
                                <a href="#">雁塔区</a>
                                <a href="#">莲湖区</a>
                                <a href="#">高新区</a>
                                <a href="#">灞桥区</a>
                                <a href="#">高陵区</a>
                                <a href="#">阎良区</a>
                                <a href="#">临潼区</a>
                                <a href="#">长安区</a>
                                <a href="#">周至县</a>
                                <a href="#">蓝田县 </a>
                            </p>
                            <div class="SCcontent">
                                <a href="caipin01.html" target="_blank" title="菜品名称">
                                    <figure>
                                        <img src="upload/01.jpg">
                                        <figcaption>
                                            <span class="title">糖醋鲤鱼</span>
                                            <span class="price"><i>￥</i>169.00</span>
                                        </figcaption>
                                    </figure>
                                </a>
                                <a href="caipin02.html" target="_blank" title="菜品名称">
                                    <figure>
                                        <img src="upload/02.jpg">
                                        <figcaption>
                                            <span class="title">糖醋鲤鱼</span>
                                            <span class="price"><i>￥</i>169.00</span>
                                        </figcaption>
                                    </figure>
                                </a>
                                <a target="_blank" title="菜品名称">
                                    <figure>
                                        <img src="upload/06.jpg">
                                        <figcaption>
                                            <span class="title">糖醋鲤鱼</span>
                                            <span class="price"><i>￥</i>169.00</span>
                                        </figcaption>
                                    </figure>
                                </a>
                                <a target="_blank" title="菜品名称">
                                    <figure>
                                        <img src="upload/03.jpg">
                                        <figcaption>
                                            <span class="title">糖醋鲤鱼</span>
                                            <span class="price"><i>￥</i>169.00</span>
                                        </figcaption>
                                    </figure>
                                </a>
                                <a target="_blank" title="菜品名称">
                                    <figure>
                                        <img src="upload/04.jpg">
                                        <figcaption>
                                            <span class="title">糖醋鲤鱼</span>
                                            <span class="price"><i>￥</i>169.00</span>
                                        </figcaption>
                                    </figure>
                                </a>
                                <a target="_blank" title="菜品名称">
                                    <figure>
                                        <img src="upload/05.jpg">
                                        <figcaption>
                                            <span class="title">糖醋鲤鱼</span>
                                            <span class="price"><i>￥</i>169.00</span>
                                        </figcaption>
                                    </figure>
                                </a>
                                <a target="_blank" title="菜品名称">
                                    <figure>
                                        <img src="upload/06.jpg">
                                        <figcaption>
                                            <span class="title">糖醋鲤鱼</span>
                                            <span class="price"><i>￥</i>169.00</span>
                                        </figcaption>
                                    </figure>
                                </a>
                                <a target="_blank" title="菜品名称">
                                    <figure>
                                        <img src="upload/06.jpg">
                                        <figcaption>
                                            <span class="title">糖醋鲤鱼</span>
                                            <span class="price"><i>￥</i>169.00</span>
                                        </figcaption>
                                    </figure>
                                </a>
                                <a target="_blank" title="菜品名称">
                                    <figure>
                                        <img src="upload/06.jpg">
                                        <figcaption>
                                            <span class="title">糖醋鲤鱼</span>
                                            <span class="price"><i>￥</i>169.00</span>
                                        </figcaption>
                                    </figure>
                                </a>
                            </div>

                        </li>
                    </ul>

                </div>
            </div>
        </article>
        <aside class="A-infor">

            <div class="usercomment" id="usercomment">
                <span>用户菜品点评</span>
                <ul>
                    <li>
                        <img src="upload/01.jpg"> 用户对“酸辣土豆丝”评说：味道挺不错，送餐速度挺快...
                    </li>
                    <li>
                        <img src="upload/02.jpg"> 用户对“酸辣土豆丝”评说：味道挺不错，送餐速度挺快...
                    </li>
                    <li>
                        <img src="upload/01.jpg"> 用户对“酸辣土豆丝”评说：味道挺不错，送餐速度挺快...
                    </li>
                    <li>
                        <img src="upload/02.jpg"> 用户对“酸辣土豆丝”评说：味道挺不错，送餐速度挺快...
                    </li>
                    <li>
                        <img src="upload/01.jpg"> 用户对“酸辣土豆丝”评说：味道挺不错，送餐速度挺快...
                    </li>
                    <li>
                        <img src="upload/02.jpg"> 用户对“酸辣土豆丝”评说：味道挺不错，送餐速度挺快...
                    </li>
                    <li>
                        <img src="upload/01.jpg"> 用户对“酸辣土豆丝”评说：味道挺不错，送餐速度挺快...
                    </li>
                    <li>
                        <img src="upload/02.jpg"> 用户对“酸辣土豆丝”评说：味道挺不错，送餐速度挺快...
                    </li>

                </ul>
            </div>
        </aside>

    </section>

    <footer>
        <section class="Otherlink">
            <aside>

                <div class="tips">
                    <p>客服热线</p>
                    <p><i>18568995650</i></p>
                    <p>配送时间</p>
                    <p><time>09：00</time>~<time>22:00</time></p>
                    <p>网站公告</p>
                </div>
            </aside>
            <section>
                <div>
                    <span><i class="i1"></i>配送支付</span>
                    <ul>
                        <li><a target="_blank" title="标题">支付方式</a></li>
                        <li><a target="_blank" title="标题">配送方式</a></li>
                        <li><a target="_blank" title="标题">配送效率</a></li>
                        <li><a target="_blank" title="标题">服务费用</a></li>
                    </ul>
                </div>
                <div>
                    <span><i class="i2"></i>关于我们</span>
                    <ul>
                        <li><a target="_blank" title="标题">招贤纳士</a></li>
                        <li><a target="_blank" title="标题">网站介绍</a></li>
                        <li><a target="_blank" title="标题">配送效率</a></li>
                        <li><a target="_blank" title="标题">商家加盟</a></li>
                    </ul>
                </div>
                <div>
                    <span><i class="i3"></i>帮助中心</span>
                    <ul>
                        <li><a target="_blank" title="标题">服务内容</a></li>
                        <li><a target="_blank" title="标题">服务介绍</a></li>
                        <li><a target="_blank" title="标题">常见问题</a></li>
                        <li><a target="_blank" title="标题">网站地图</a></li>
                    </ul>
                </div>
            </section>
        </section>
        <div class="copyright">© 版权所有 新乡学院xxxxx 技术支持：</div>
    </footer>
</body>

</html>